<template>
  <div class="common-layout">
    <el-container>
      <Aside />
      <el-container>
        <el-header>
          <Header />
        </el-header>
        <el-main>
          <Main />
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script setup >
import Aside from '@/components/CommonAside.vue'
import Header from '@/components/CommonHeader.vue'
import Main from '@/components/CommonMain.vue'
</script>
<style scoped lang="scss">
.el-header {
  // background-color: aquamarine;
  // box-shadow: 10px 10px 30px #d0cfcf;
  box-shadow: 0px -5px 5px -5px #9d9d9d inset;
}

.el-main {
  background-color: #F6F6F6;
  height: 0px;

}

::-webkit-scrollbar {
  display: none;
}
</style>